$(".button").click(function(){
    if(!$("#your_phone").val()){
        layer.alert("手机号不能为空",{
            icon:2,
            time:2000,
            btn:["好的"]
        })
        return false
    }
    var reg=/^1[35789]\d{9}/
    if(!reg.test($("#your_phone").val())){
        layer.alert("请输入正确的手机号",{
            icon:2,
            time:5000,
            btn:["好的"]
        })
        return false
    }
    $(".u_info").css("display","block").prev().css("display","none")
})
$(".u_info").submit(function(){
    if(!$("[name='username']").val()){
        layer.alert("账号不能为空",{
            icon:2,
            time:2000,
            btn:["好的"]
        })
        return false
    }
    // 用户名规则：5~10，必须是字母开头，数字、下划线、字母组成
    var reg=/^[a-zA-Z]\w{4,9}$/;
    if(!reg.test($("[name='username']").val())){
        layer.alert("账号必须是字母开头，数字、下划线、字母组成,且为5-10位",{
            icon:2,
            time:5000,
            btn:["好的"]
        })
        return false 
    }
    // 密码规则：6~16位，由字母、数字组成，必须包含字母和数字
    if(!$("[name='password']").val()){
        layer.alert("密码不能为空",{
            icon:2,
            time:2000,
            btn:["好的"]
        })
        return false
    }
    var reg=/^[a-zA-Z0-9]{6,16}/;
    if(!reg.test($("[name='password']").val())){
        layer.alert("密码必须是由字母、数字组成（必须包含字母和数字）,且为6-16位",{
            icon:2,
            time:5000,
            btn:["好的"]
        })
        return false
    }
    // 是否同时包含了字母和数字
    var reg=/[a-zA-Z]+/;
    var reg2=/\d+/;
    if(!reg.test($("[name='password']").val())||!reg2.test($("[name='password']").val())){
        layer.alert("密码必须是由字母、数字组成（必须包含字母和数字）,且为6-16位",{
            icon:2,
            time:5000,
            btn:["好的"]
        })
        return false
    }
    // 确认密码
    if(!$("[name='repass']").val()){
        layer.alert("确认密码不能为空",{
            icon:2,
            time:2000,
            btn:["好的"]
        })
        return false
    }
    if($("[name='repass']").val()!==$("[name='password']").val()){
        layer.alert("两次输入的密码不一致",{
            icon:2,
            time:2000,
            btn:["好的"]
        })
        return false
    }
    if(!$("[name='email']").val()){
        layer.alert("邮箱不能为空",{
            icon:2,
            time:2000,
            btn:["好的"]
        })
        return false
    }
    var reg=/(^[a-zA-Z]\w{3,11}@(126|163)\.com$)|(^[1-9]\d{4,10}@qq\.com$)/
    // var reg = /(^[a-zA-Z]\w{3,11}@(126|163)\.com$)|(^[1-9]\d{4,10}@qq\.com$)/;
    if(!reg.test($("[name='email']").val())){
        layer.alert("邮箱必须为qq邮箱或者网易邮箱",{
            icon:2,
            time:5000,
            btn:["好的"]
        })
        return false
    }
    // 规则：1开头，第二位 35789，剩下的9个数字随意
    if(!$("[name='phone']").val()){
        layer.alert("手机号不能为空",{
            icon:2,
            time:2000,
            btn:["好的"]
        })
        return false
    }
    var reg=/^1[35789]\d{9}/
    if(!reg.test($("[name='phone']").val())){
        layer.alert("请输入正确的手机号",{
            icon:2,
            time:5000,
            btn:["好的"]
        })
        return false
    }
    if(!$("[name='agree']").prop("checked")){
        layer.alert("请阅读并同意上述协议",{
            icon:2,
            time:2000,
            btn:["好的"]
        })
        return false
    }
    $("[type='submit']").prop("disabled",true);
    $.post({
        url:"./php/register.php",
        data:$("form").serialize(),
        dataType:"json",
        method:"post",
        success:function(res){
            var {meta:{status,msg},data}=res;
            if(status===0){
                layer.msg("注册成功",{
                icon:1,
                time:2000,
                btn:["好的"]
                },function(){
                    location.href="./login.html"
                })
                
            }else{
                layer.alert("注册失败，用户名已被占用",{
                icon:2,
                time:2000,
                btn:["好的"]
                })
                $('[type="submit"]').prop('disabled',false)
                return fasle
            }
        }
    })
    return false
})
$("[type='reset']").click(function(){
    $(".u_info").css("display","none").prev().css("display","block");
})
console.log($(".login"))
$(".login").click(function(){
    location.href="./login.html"
    return false
})